<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <title>RMB</title>
    <link rel="stylesheet" href="../css/frozen.css"/>
    <link rel="stylesheet" href="../css/parallax.css"/>
    <link rel="stylesheet" href="../css/parallax-animation.css"/>
    <link rel="stylesheet" href="../css/styletw.css"/>

</head>
<body>
<audio id="music2" src="../img/41872b804fec178a2a44c785947aec54.mp3" autoplay="autoplay" loop="loop"></audio>
<!--<a ><img src="img/3.png" width="48" height="50" id="music_btn" border="0" style="z-index: 999"></a>-->
<!-------------------html---------------------------->
<div class="wrapper">
    <div class="pages">

        <!-----------第一页--------------->
    <div class="page page1">
        <div class="music " id="audio_btn">
            <img id="music_btn2"  src="../img/music_on.png" width="35" height="35" alt=""/>
        </div>
        <div class="Pt_1" data-animation="fadeIn" data-delay="1000">
            <div class="title" data-animation="slideToBottom" data-timing-function="ease-in"></div>
        </div>
        <div class="Pt_2" data-animation="fadeIn" data-delay="1200">
            <div class="title_1"></div>
        </div>
        <div class="Pt_3" data-animation="fadeIn" data-delay="1400">
            <div class="t_3_1">
                <div class="title_2_1"></div>
                <div class="title_2_2">
                    <div class="title_2_2_1"></div>
                </div>
            </div>
        </div>
        <div class="Pt_4" data-animation="fadeIn" data-delay="1600">
            <div class="text_1">
                我们无论做什么事情，<br/>
                都要站在党和人民的立场上。
            </div>

        </div>
        <div class="Pt_5" data-animation="fadeIn" data-delay="1800"></div>
        <div class="Pt_6" data-animation="fadeIn" data-delay="2000"></div>
        <div class="Pt_7" data-animation="fadeIn" data-delay="2200"></div>
        <div class="Pt_8" data-animation="fadeIn" data-delay="2400"></div>
        <div class="Pt_9" data-animation="fadeIn" data-delay="2600"></div>
        <div class="Pt_10" data-animation="fadeIn" data-delay="2800"></div>
    </div>
        <!-----------第二页--------------->
    <div class="page page2">
        <div class="music " id="audio_btn2">
            <img id="music_btn3"  src="../img/music_on.png" width="35" height="35" alt=""/>
        </div>
        <div class="Pt_1">
            <div class="title" data-animation="fadeIn" data-timing-function="ease-in"></div>
        </div>
        <div class="Pte_1" data-animation="fadeIn" data-delay="1000">
            <img src="../img/bg_2.png" width="360" height="550" alt=""/>
        </div>
        <div class="Pte_2" data-animation="fadeIn" data-delay="1200">
            <div class="text_11">人民的视觉设计师</div>
        </div>
        <div class="Pte_3" data-animation="fadeIn" data-delay="1400">
           <div class="tuu">
               <img src="http://img2.maka.im/user/443620/images/93aa540a85aaacb264f38bd53761496b.png@0-0-440-23a_90Q.src" style="opacity: 0;" alt=""/>
           </div>
        </div>
        <div class="Pte_4" data-animation="fadeIn" data-delay="1600">
            <div class="text_12">ARCHIVE OF THE PEOPLE</div>
        </div>
        <div class="Pte_5" data-animation="fadeIn" data-delay="1800">
            <div class="tuu1"></div>
        </div>
        <div class="Pte_6" data-animation="fadeIn" data-delay="2000">
            <div class="kuang"></div>
        </div>
        <div class="Pte_7" data-animation="fadeIn" data-delay="2200">
            <div class="hua1"></div>
        </div>
        <div class="Pte_8" data-animation="fadeIn" data-delay="2400">
            <div class="hua2"></div>
        </div>
        <div class="Pte_9" data-animation="fadeInToLeft" data-delay="2600">
            <div class="tet_1">职责</div>
        </div>
        <div class="Pte_10" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_2">负责公司运营活动视觉设计</div>
        </div>
        <div class="Pte_11" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_3">主导设定产品的整体视觉风格，推动提高团队的设计能力</div>
        </div>
        <div class="Pte_12" data-animation="fadeInToLeft" data-delay="2600">
            <div class="tet_4">要求</div>
        </div>
        <div class="Pte_13" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_5">两年以上经验，懂xxx优先</div>
        </div>
        <div class="Pte_14" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_6">良好的沟通能力，善于对设计的表达，具有良好的团队精神</div>
        </div>
    </div>
        <!-----------第三页--------------->
    <div class="page page3">
        <div class="music " id="audio_btn3">
            <img id="music_btn4"  src="../img/music_on.png" width="35" height="35" alt=""/>
        </div>
        <div class="Pt_1">
            <div class="title" data-animation="fadeIn" data-timing-function="ease-in"></div>
        </div>
        <div class="Pte_1" data-animation="fadeIn" data-delay="1000">
            <img src="../img/bg_2.png" width="360" height="550" alt=""/>
        </div>
        <div class="Pte_2" data-animation="fadeIn" data-delay="1200">
            <div class="text_11">人民的程序猿</div>
        </div>
        <div class="Pte_3" data-animation="fadeIn" data-delay="1400">
            <div class="tuu">
                <img src="http://img2.maka.im/user/443620/images/93aa540a85aaacb264f38bd53761496b.png@0-0-440-23a_90Q.src" style="opacity: 0;" alt=""/>
            </div>
        </div>
        <div class="Pte_4" data-animation="fadeIn" data-delay="1600">
            <div class="text_12">ARCHIVE OF THE PEOPLE</div>
        </div>
        <div class="Pte_5" data-animation="fadeIn" data-delay="1800">
            <div class="tuu2"></div>
        </div>
        <div class="Pte_6" data-animation="fadeIn" data-delay="2000">
            <div class="kuang"></div>
        </div>
        <div class="Pte_7" data-animation="fadeIn" data-delay="2200">
            <div class="hua1"></div>
        </div>
        <div class="Pte_8" data-animation="fadeIn" data-delay="2400">
            <div class="hua2"></div>
        </div>
        <div class="Pte_9" data-animation="fadeInToLeft" data-delay="2600">
            <div class="tet_1">职责</div>
        </div>
        <div class="Pte_10" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_2">负责公司运营活动视觉设计</div>
        </div>
        <div class="Pte_11" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_3">主导设定产品的整体视觉风格，推动提高团队的设计能力</div>
        </div>
        <div class="Pte_12" data-animation="fadeInToLeft" data-delay="2600">
            <div class="tet_4">要求</div>
        </div>
        <div class="Pte_13" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_5">两年以上经验，懂xxx优先</div>
        </div>
        <div class="Pte_14" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_6">良好的沟通能力，善于对设计的表达，具有良好的团队精神</div>
        </div>
    </div>
        <!-----------第四页--------------->
    <div class="page page4">
        <div class="music " id="audio_btn4">
            <img id="music_btn5"  src="../img/music_on.png" width="35" height="35" alt=""/>
        </div>
        <div class="Pt_1">
            <div class="title" data-animation="fadeIn" data-timing-function="ease-in"></div>
        </div>
        <div class="Pte_1" data-animation="fadeIn" data-delay="1000">
            <img src="../img/bg_2.png" width="360" height="550" alt=""/>
        </div>
        <div class="Pte_2" data-animation="fadeIn" data-delay="1200">
            <div class="text_11">人民的新媒体运营</div>
        </div>
        <div class="Pte_3" data-animation="fadeIn" data-delay="1400">
            <div class="tuu">
                <img src="http://img2.maka.im/user/443620/images/93aa540a85aaacb264f38bd53761496b.png@0-0-440-23a_90Q.src" style="opacity: 0;" alt=""/>
            </div>
        </div>
        <div class="Pte_4" data-animation="fadeIn" data-delay="1600">
            <div class="text_12">ARCHIVE OF THE PEOPLE</div>
        </div>
        <div class="Pte_5" data-animation="fadeIn" data-delay="1800">
            <div class="tuu3"></div>
        </div>
        <div class="Pte_6" data-animation="fadeIn" data-delay="2000">
            <div class="kuang"></div>
        </div>
        <div class="Pte_7" data-animation="fadeIn" data-delay="2200">
            <div class="hua1"></div>
        </div>
        <div class="Pte_8" data-animation="fadeIn" data-delay="2400">
            <div class="hua2"></div>
        </div>
        <div class="Pte_9" data-animation="fadeInToLeft" data-delay="2600">
            <div class="tet_1">职责</div>
        </div>
        <div class="Pte_10" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_2">负责公司运营活动视觉设计</div>
        </div>
        <div class="Pte_11" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_3">主导设定产品的整体视觉风格，推动提高团队的设计能力</div>
        </div>
        <div class="Pte_12" data-animation="fadeInToLeft" data-delay="2600">
            <div class="tet_4">要求</div>
        </div>
        <div class="Pte_13" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_5">两年以上经验，懂xxx优先</div>
        </div>
        <div class="Pte_14" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_6">良好的沟通能力，善于对设计的表达，具有良好的团队精神</div>
        </div>
    </div>
        <!-----------第五页--------------->
    <div class="page page5">
        <div class="music " id="audio_btn5">
            <img id="music_btn6"  src="../img/music_on.png" width="35" height="35" alt=""/>
        </div>
        <div class="Pt_1">
            <div class="title" data-animation="fadeIn" data-timing-function="ease-in"></div>
        </div>
        <div class="Pte_1" data-animation="fadeIn" data-delay="1000">
            <img src="../img/bg_2.png" width="360" height="550" alt=""/>
        </div>
        <div class="Pte_2" data-animation="fadeIn" data-delay="1200">
            <div class="text_11">人民的视觉设计师</div>
        </div>
        <div class="Pte_3" data-animation="fadeIn" data-delay="1400">
            <div class="tuu">
                <img src="http://img2.maka.im/user/443620/images/93aa540a85aaacb264f38bd53761496b.png@0-0-440-23a_90Q.src" style="opacity: 0;" alt=""/>
            </div>
        </div>
        <div class="Pte_4" data-animation="fadeIn" data-delay="1600">
            <div class="text_12">ARCHIVE OF THE PEOPLE</div>
        </div>
        <div class="Pte_5" data-animation="fadeIn" data-delay="1800">
            <div class="tuu4"></div>
        </div>
        <div class="Pte_6" data-animation="fadeIn" data-delay="2000">
            <div class="kuang"></div>
        </div>
        <div class="Pte_7" data-animation="fadeIn" data-delay="2200">
            <div class="hua1"></div>
        </div>
        <div class="Pte_8" data-animation="fadeIn" data-delay="2400">
            <div class="hua2"></div>
        </div>
        <div class="Pte_9" data-animation="fadeInToLeft" data-delay="2600">
            <div class="tet_1">职责</div>
        </div>
        <div class="Pte_10" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_2">负责公司运营活动视觉设计</div>
        </div>
        <div class="Pte_11" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_3">主导设定产品的整体视觉风格，推动提高团队的设计能力</div>
        </div>
        <div class="Pte_12" data-animation="fadeInToLeft" data-delay="2600">
            <div class="tet_4">要求</div>
        </div>
        <div class="Pte_13" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_5">两年以上经验，懂xxx优先</div>
        </div>
        <div class="Pte_14" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_6">良好的沟通能力，善于对设计的表达，具有良好的团队精神</div>
        </div>
    </div>
        <!-----------第六页--------------->
    <div class="page page6">
        <div class="music " id="audio_btn6">
            <img id="music_btn7"  src="../img/music_on.png" width="35" height="35" alt=""/>
        </div>
        <div class="Pt_1">
            <div class="title" data-animation="fadeIn" data-timing-function="ease-in"></div>
        </div>
        <div class="Pte_1" data-animation="fadeIn" data-delay="1000">
            <img src="../img/bg_2.png" width="360" height="550" alt=""/>
        </div>
        <div class="Pte_2" data-animation="fadeIn" data-delay="1200">
            <div class="text_11">人民的销售经理</div>
        </div>
        <div class="Pte_3" data-animation="fadeIn" data-delay="1400">
            <div class="tuu">
                <img src="http://img2.maka.im/user/443620/images/93aa540a85aaacb264f38bd53761496b.png@0-0-440-23a_90Q.src" style="opacity: 0;" alt=""/>
            </div>
        </div>
        <div class="Pte_4" data-animation="fadeIn" data-delay="1600">
            <div class="text_12">ARCHIVE OF THE PEOPLE</div>
        </div>
        <div class="Pte_5" data-animation="fadeIn" data-delay="1800">
            <div class="tuu5"></div>
        </div>
        <div class="Pte_6" data-animation="fadeIn" data-delay="2000">
            <div class="kuang"></div>
        </div>
        <div class="Pte_7" data-animation="fadeIn" data-delay="2200">
            <div class="hua1"></div>
        </div>
        <div class="Pte_8" data-animation="fadeIn" data-delay="2400">
            <div class="hua2"></div>
        </div>
        <div class="Pte_9" data-animation="fadeInToLeft" data-delay="2600">
            <div class="tet_1">职责</div>
        </div>
        <div class="Pte_10" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_2">负责公司运营活动视觉设计</div>
        </div>
        <div class="Pte_11" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_3">主导设定产品的整体视觉风格，推动提高团队的设计能力</div>
        </div>
        <div class="Pte_12" data-animation="fadeInToLeft" data-delay="2600">
            <div class="tet_4">要求</div>
        </div>
        <div class="Pte_13" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_5">两年以上经验，懂xxx优先</div>
        </div>
        <div class="Pte_14" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_6">良好的沟通能力，善于对设计的表达，具有良好的团队精神</div>
        </div>
    </div>
        <!-----------第七页--------------->
    <div class="page page7">
        <div class="music " id="audio_btn7">
            <img id="music_btn8"  src="../img/music_on.png" width="35" height="35" alt=""/>
        </div>
        <div class="Pt_1">
            <div class="title" data-animation="fadeIn" data-timing-function="ease-in"></div>
        </div>
        <div class="Pte_1" data-animation="fadeIn" data-delay="1000">
            <img src="../img/bg_2.png" width="360" height="550" alt=""/>
        </div>
        <div class="Pte_2" data-animation="fadeIn" data-delay="1200">
            <div class="text_11">人民的运营主管</div>
        </div>
        <div class="Pte_3" data-animation="fadeIn" data-delay="1400">
            <div class="tuu">
                <img src="http://img2.maka.im/user/443620/images/93aa540a85aaacb264f38bd53761496b.png@0-0-440-23a_90Q.src" style="opacity: 0;" alt=""/>
            </div>
        </div>
        <div class="Pte_4" data-animation="fadeIn" data-delay="1600">
            <div class="text_12">ARCHIVE OF THE PEOPLE</div>
        </div>
        <div class="Pte_5" data-animation="fadeIn" data-delay="1800">
            <div class="tuu6"></div>
        </div>
        <div class="Pte_6" data-animation="fadeIn" data-delay="2000">
            <div class="kuang"></div>
        </div>
        <div class="Pte_7" data-animation="fadeIn" data-delay="2200">
            <div class="hua1"></div>
        </div>
        <div class="Pte_8" data-animation="fadeIn" data-delay="2400">
            <div class="hua2"></div>
        </div>
        <div class="Pte_9" data-animation="fadeInToLeft" data-delay="2600">
            <div class="tet_1">职责</div>
        </div>
        <div class="Pte_10" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_2">负责公司运营活动视觉设计</div>
        </div>
        <div class="Pte_11" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_3">主导设定产品的整体视觉风格，推动提高团队的设计能力</div>
        </div>
        <div class="Pte_12" data-animation="fadeInToLeft" data-delay="2600">
            <div class="tet_4">要求</div>
        </div>
        <div class="Pte_13" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_5">两年以上经验，懂xxx优先</div>
        </div>
        <div class="Pte_14" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_6">良好的沟通能力，善于对设计的表达，具有良好的团队精神</div>
        </div>
    </div>
        <!-----------第八页--------------->
    <div class="page page8">
        <div class="music " id="audio_btn8">
            <img id="music_btn9"  src="../img/music_on.png" width="35" height="35" alt=""/>
        </div>
        <div class="Pt_1">
            <div class="title" data-animation="fadeIn" data-timing-function="ease-in"></div>
        </div>
        <div class="Pte_1" data-animation="fadeIn" data-delay="1000">
            <img src="../img/bg_2.png" width="360" height="550" alt=""/>
        </div>
        <div class="Pte_2" data-animation="fadeIn" data-delay="1200">
            <div class="text_11">人民的资深客服</div>
        </div>
        <div class="Pte_3" data-animation="fadeIn" data-delay="1400">
            <div class="tuu">
                <img src="http://img2.maka.im/user/443620/images/93aa540a85aaacb264f38bd53761496b.png@0-0-440-23a_90Q.src" style="opacity: 0;" alt=""/>
            </div>
        </div>
        <div class="Pte_4" data-animation="fadeIn" data-delay="1600">
            <div class="text_12">ARCHIVE OF THE PEOPLE</div>
        </div>
        <div class="Pte_5" data-animation="fadeIn" data-delay="1800">
            <div class="tuu7"></div>
        </div>
        <div class="Pte_6" data-animation="fadeIn" data-delay="2000">
            <div class="kuang"></div>
        </div>
        <div class="Pte_7" data-animation="fadeIn" data-delay="2200">
            <div class="hua1"></div>
        </div>
        <div class="Pte_8" data-animation="fadeIn" data-delay="2400">
            <div class="hua2"></div>
        </div>
        <div class="Pte_9" data-animation="fadeInToLeft" data-delay="2600">
            <div class="tet_1">职责</div>
        </div>
        <div class="Pte_10" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_2">负责公司运营活动视觉设计</div>
        </div>
        <div class="Pte_11" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_3">主导设定产品的整体视觉风格，推动提高团队的设计能力</div>
        </div>
        <div class="Pte_12" data-animation="fadeInToLeft" data-delay="2600">
            <div class="tet_4">要求</div>
        </div>
        <div class="Pte_13" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_5">两年以上经验，懂xxx优先</div>
        </div>
        <div class="Pte_14" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_6">良好的沟通能力，善于对设计的表达，具有良好的团队精神</div>
        </div>
    </div>
        <!-----------第九页--------------->
    <div class="page page9">
        <div class="music " id="audio_btn9">
            <img id="music_btn10"  src="../img/music_on.png" width="35" height="35" alt=""/>
        </div>
        <div class="Pt_1">
            <div class="title" data-animation="fadeIn" data-timing-function="ease-in"></div>
        </div>
        <div class="Pte_1" data-animation="fadeIn" data-delay="1000">
            <img src="../img/bg_2.png" width="360" height="550" alt=""/>
        </div>
        <div class="Pte_2" data-animation="fadeIn" data-delay="1200">
            <div class="text_11">人民的新媒体运营</div>
        </div>
        <div class="Pte_3" data-animation="fadeIn" data-delay="1400">
            <div class="tuu">
                <img src="http://img2.maka.im/user/443620/images/93aa540a85aaacb264f38bd53761496b.png@0-0-440-23a_90Q.src" style="opacity: 0;" alt=""/>
            </div>
        </div>
        <div class="Pte_4" data-animation="fadeIn" data-delay="1600">
            <div class="text_12">ARCHIVE OF THE PEOPLE</div>
        </div>
        <div class="Pte_5" data-animation="fadeIn" data-delay="1800">
            <div class="tuu5"></div>
        </div>
        <div class="Pte_6" data-animation="fadeIn" data-delay="2000">
            <div class="kuang"></div>
        </div>
        <div class="Pte_7" data-animation="fadeIn" data-delay="2200">
            <div class="hua1"></div>
        </div>
        <div class="Pte_8" data-animation="fadeIn" data-delay="2400">
            <div class="hua2"></div>
        </div>
        <div class="Pte_9" data-animation="fadeInToLeft" data-delay="2600">
            <div class="tet_1">职责</div>
        </div>
        <div class="Pte_10" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_2">负责公司运营活动视觉设计</div>
        </div>
        <div class="Pte_11" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_3">主导设定产品的整体视觉风格，推动提高团队的设计能力</div>
        </div>
        <div class="Pte_12" data-animation="fadeInToLeft" data-delay="2600">
            <div class="tet_4">要求</div>
        </div>
        <div class="Pte_13" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_5">两年以上经验，懂xxx优先</div>
        </div>
        <div class="Pte_14" data-animation="fadeInToLeft" data-delay="2800">
            <div class="tet_6">良好的沟通能力，善于对设计的表达，具有良好的团队精神</div>
        </div>
    </div>
        <!-----------第十页--------------->
    <div class="page page10">
        <div class="music " id="audio_btn10">
            <img id="music_btn11"  src="../img/music_on.png" width="35" height="35" alt=""/>
        </div>
        <div class="Pt_1">
            <div class="title" data-animation="fadeIn" data-timing-function="ease-in"></div>
        </div>
        <div class="Pt_1">
            <div class="title" data-animation="slideToBottom" data-timing-function="ease-in"></div>
        </div>
        <div class="Pt_2" data-animation="followSlide" data-delay="600">
            <div class="tit_1"></div>
        </div>
        <div class="Pt_3">
            <div class="t_3_1">
                <div class="title_2_d" data-animation="fadeInToLeft" data-delay="400"></div>
                <div class="title_2_2" data-animation="fadeInToRight" data-delay="400">
                    <div class="titl_d"></div>
                </div>
            </div>
        </div>
        <div class="k1" data-animation="followSlide" data-delay="600">
            <div class="kk1"></div>
        </div>
        <div class="k2" data-animation="followSlide" data-delay="800">
            <div class="kk1"></div>
        </div>
        <div class="k3" data-animation="followSlide" data-delay="1000">
            <div class="kk1"></div>
        </div>
        <div class="k4" data-animation="followSlide" data-delay="1200">
            <div class="kk1"></div>
        </div>
        <div class="wen1" data-animation="followSlide" data-delay="1400">
            <div class="wz">五险一金、双休</div>
        </div>
        <div class="wen2" data-animation="followSlide" data-delay="1600">
            <div class="wz">法定假期、年假</div>
        </div>
        <div class="wen3" data-animation="followSlide" data-delay="1800">
            <div class="wz">年终奖、年度旅游</div>
        </div>
        <div class="wen4" data-animation="followSlide" data-delay="2000">
            <div class="wz">下午茶、团队活动</div>
        </div>
        <div class="hu1" data-animation="fadeInToRight" data-delay="400">
            <div class="hua3"></div>
        </div>
        <div class="hu2" data-animation="fadeInToRight" data-delay="400">
            <div class="hua3"></div>
        </div>
        <div class="hu3" data-animation="fadeInToRight" data-delay="400">
            <div class="hua3"></div>
        </div>
    </div>
        <!-----------第十一页--------------->
    <div class="page page11">
        <div class="music " id="audio_btn11">
            <img id="music_btn12"  src="../img/music_on.png" width="35" height="35" alt=""/>
        </div>
        <div class="Pt_1" data-animation="fadeInToRight" data-delay="400">
            <div class="title" data-animation="fadeIn" data-timing-function="ease-in"></div>
        </div>
        <div class="Pt_1" data-animation="fadeInToRight" data-delay="800">
            <div class="title" data-animation="slideToBottom" data-timing-function="ease-in"></div>
        </div>
        <div class="Pt_2" data-animation="fadeInToRight" data-delay="400">
            <div class="tit_1"></div>
        </div>
        <div class="Pt_3" data-animation="fadeInToRight" data-delay="800">
            <div class="t_3_1">
                <div class="title_2_d"></div>
                <div class="title_2_2">
                    <div class="titl_d"></div>
                </div>
            </div>
        </div>
        <div class="tupian" data-animation="fadeInToRight" data-delay="1000">
            <div class="pian"></div>
        </div>
        <div class="tusd" data-animation="fadeInToRight" data-delay="1400">
            <div class="tusd1">有意见，找zzq去。</div>
        </div>

    </div>

    </div>
</div>





<!----------------js-------------------------------->
<script src="../lib/zepto.min.v1.1.6.js"></script>
<!--<script src="lib/zepto.tocuh.js"></script>-->
<script src="../js/parallax.js"></script>
<script>
    $('.pages').parallax({
        swipeAnim: 'default',
        drag:      true,// 是否允许拖拽 (若 false 则只有在 touchend 之后才会翻页)
        loading:   false,		// 有无加载页,需要一个加载的div
        indicator: true,
        arrow:    true,
        orientationchange: function(orientation) {

        }
    });
//音乐播放按钮
//    1
    var content1 = document.getElementById('audio_btn');
    content1.addEventListener("touchend", function(){
        var music = document.getElementById('music2');
        var music_btn = document.getElementById('music_btn2');
        if (music.paused){
            music.play();
           music_btn.src = '../img/music_on.png';
        }
        else{
            music.pause();
            music_btn.src = '../img/music_off.png';
        }
    });
//    2
    var content2 = document.getElementById('audio_btn2');
    content2.addEventListener("touchend", function(){
        var music = document.getElementById('music2');
        var music_btn = document.getElementById('music_btn3');
        if (music.paused){
            music.play();
            music_btn.src = '../img/music_on.png';
        }
        else{
            music.pause();
            music_btn.src = '../img/music_off.png';
        }
    });
//    3
    var content3 = document.getElementById('audio_btn3');
    content3.addEventListener("touchend", function(){
        var music = document.getElementById('music2');
        var music_btn = document.getElementById('music_btn4');
        if (music.paused){
            music.play();
            music_btn.src = '../img/music_on.png';
        }
        else{
            music.pause();
            music_btn.src = '../img/music_off.png';
        }
    });
    //4
    var content4 = document.getElementById('audio_btn4');
    content4.addEventListener("touchend", function(){
        var music = document.getElementById('music2');
        var music_btn = document.getElementById('music_btn5');
        if (music.paused){
            music.play();
            music_btn.src = '../img/music_on.png';
        }
        else{
            music.pause();
            music_btn.src = '../img/music_off.png';
        }
    });
//    5
    var content5 = document.getElementById('audio_btn5');
    content5.addEventListener("touchend", function(){
        var music = document.getElementById('music2');
        var music_btn = document.getElementById('music_btn6');
        if (music.paused){
            music.play();
            music_btn.src = '../img/music_on.png';
        }
        else{
            music.pause();
            music_btn.src = '../img/music_off.png';
        }
    });
//    6
    var content6 = document.getElementById('audio_btn6');
    content6.addEventListener("touchend", function(){
        var music = document.getElementById('music2');
        var music_btn = document.getElementById('music_btn7');
        if (music.paused){
            music.play();
            music_btn.src = '../img/music_on.png';
        }
        else{
            music.pause();
            music_btn.src = '../img/music_off.png';
        }
    });
//    7
    var content7 = document.getElementById('audio_btn7');
    content7.addEventListener("touchend", function(){
        var music = document.getElementById('music2');
        var music_btn = document.getElementById('music_btn8');
        if (music.paused){
            music.play();
            music_btn.src = '../img/music_on.png';
        }
        else{
            music.pause();
            music_btn.src = '../img/music_off.png';
        }
    });
//    8
    var content8 = document.getElementById('audio_btn8');
    content8.addEventListener("touchend", function(){
        var music = document.getElementById('music2');
        var music_btn = document.getElementById('music_btn9');
        if (music.paused){
            music.play();
            music_btn.src = '../img/music_on.png';
        }
        else{
            music.pause();
            music_btn.src = '../img/music_off.png';
        }
    });
//    9
    var content9 = document.getElementById('audio_btn9');
    content9.addEventListener("touchend", function(){
        var music = document.getElementById('music2');
        var music_btn = document.getElementById('music_btn10');
        if (music.paused){
            music.play();
            music_btn.src = '../img/music_on.png';
        }
        else{
            music.pause();
            music_btn.src = '../img/music_off.png';
        }
    });
//    10
    var content10 = document.getElementById('audio_btn10');
    content10.addEventListener("touchend", function(){
        var music = document.getElementById('music2');
        var music_btn = document.getElementById('music_btn11');
        if (music.paused){
            music.play();
            music_btn.src = '../img/music_on.png';
        }
        else{
            music.pause();
            music_btn.src = '../img/music_off.png';
        }
    });
//    11
    var content11 = document.getElementById('audio_btn11');
    content11.addEventListener("touchend", function(){
        var music = document.getElementById('music2');
        var music_btn = document.getElementById('music_btn12');
        if (music.paused){
            music.play();
            music_btn.src = '../img/music_on.png';
        }
        else{
            music.pause();
            music_btn.src = '../img/music_off.png';
        }
    });
</script>
</body>
</html>